<template>
<div>
     <el-row :gutter='20'>
        <el-col :span='7'>
            <me-link></me-link>
            <me-notice></me-notice>
        </el-col>
        <el-col :span='17' class='main-cont'>
            <me-title :title='title'></me-title>
            <br>
            <div class='box-data-02'>
                <div class='data' v-for='item in dataLinks'>
                    <div class='title'>{{item.title}}</div>
                    <div class='content'>
                        <a class='item' v-for='child in item.children'
                            @click='toUrl(child.url)'>{{child.title}}</a>
                    </div>
                </div>
            </div>
        </el-col>
    </el-row>
</div>
</template>

<script type="text/javascript">
import Link from '@/components/utils/Link'
import Notice from '@/components/utils/Notice'
import Title from '@/components/utils/Title'
import Common from '@/common/Common'
import ScrollReveal from 'scrollreveal'
export default {
    components : {
        'me-link' : Link,
        'me-notice' : Notice,
        'me-title' : Title
    },
    data : function(){
        return {
            'title' : {
                'name' : '游戏资料',
                'sub' : 'GAME DATA',
                'posi' : '位置 > ',
                'now' : '游戏资料',
                'icon' : '/static/image/data/icon-title.png'
            },
            'dataLinks' : [
                {
                    'title' : '游戏介绍',
                    'children' : [
                        {
                            'title' : '背景介绍',
                            'url' : '/data/background'
                        },{
                            'title' : '任务指引',
                            'url' : '/data/guide'
                        },{
                            'title' : '职业树',
                            'url' : '/data/job-tree'
                        },{
                            'title' : '游戏介绍',
                            'url' : '/data/gameDes',
                        },{
                            'title' : '新手村',
                            'url' : '/data/newHand',
                        },{
                            'title' : '技能系统',
                            'url' : '/data/skill',
                        }
                    ]
                },{
                    'title' : '特色系统',
                    'children' : [
                        {
                            'title' : '战斗系统',
                            'url' : '/data/fight'
                        },{
                            'title' : '工会系统',
                            'url' : '/data/sociaty'
                        },{
                            'title' : '连击系统',
                            'url' : '/data/lian-ji'
                        },{
                            'title' : '房屋系统',
                            'url' : '/data/room'
                        }
                    ]
                },{
                    'title' : '玩法介绍',
                    'children' : [
                        {
                            'title' : '机甲DIY',
                            'url' : '/data/diy'
                        },{
                            'title' : '一转机甲',
                            'url' : '/data/yi-zhuan'
                        },{
                            'title' : '二转机甲',
                            'url' : '/data/er-zhuan'
                        },{
                            'title' : '资料大全',
                            'url' : '/data/daquan',
                        },{
                            'title' : 'NPC名称及坐标',
                            'url' : '/data/npcdes',
                        }
                    ]
                },{
                    'title' : '商店系统',
                    'children' : [
                        {
                            'title' : '游戏商店',
                            'url' : '/data/shop'
                        }
                    ]
                }
            ]
        }
    },
    methods : {
        toUrl : function(url){
            Common.toUrl(url)
            return true
        }
    },
    mounted : function(){
        var sr = ScrollReveal({
            'origin' : 'bottom',
            'distance' : '20px',
            'duration' : 500,
            'delay' : 400
        })

        sr.reveal('.main-cont')
    },
    mounted : function(){
        var sr = ScrollReveal({
            'origin' : 'bottom',
            'distance' : '20px',
            'duration' : 500,
            'delay' : 400
        })

        sr.reveal('.main-cont')
    }
}
</script>